<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML>
<html>
<head>
    <base href="<%=basePath%>">
    <title>我的</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <!-- 添加Css样式 -->
    <link href="css/MainCss.css" rel="stylesheet" type="text/css"/>
    <link href="css/Mine_Css.css" rel="stylesheet" type="text/css"/>
    <link href="font/iconfont.css" rel="stylesheet" type="text/css"/>
    <style>
        .iconfont{
            font-size: 30px;
            color: #a5a5a5;
        }

        .daili{
            position:absolute;
            right:0;
            top:50%;
            transform:translateY(-50%);
        }
        .wuliu{
            display:flex;
            height:70px;
            background:#ffffff;
            border-top:1px solid #eeeeee;
            overflow:hidden;
        }
        .wuliuleft{
            padding:16px 10px 0 10px;
            border-right:1px solid #eeeeee;
            color:#999999;
        }
        .wuliuright{
            display:flex;
            padding-top:5px;
        }
        .wuliutwo{
            padding-left:10px;
            padding-top:10px;
        }
        .wuliuzzz{
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            color:#999999;
        }
        .wuliuzt{
            font-size:16px;
            color:#fe4f62;
            display:flex;
            align-items: center;
        }
        .wuliuzt span{
        	font-size: 16px;
        	padding-left:5px;
        }
    </style>


    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/mine_page.js"></script>
</head>
<jsp:include page="/public.jsp"/>
<div id="load_more_page" style="margin-bottom: 50px;">
    <div>
        <div class="headers" style='position:relative;'>
            <div class="left">
                <div class="head-pic-img">
                    <img id="headimg" src="img/head.png" onclick="location.href='/except/files/userinfo.jsp'"
                         onerror="imgerror(this, 'img/header2.jpg');"/>
                    <span class="span_username" id="username"></span>
                    <%--<img id="usertype" src="img/vip.png" style="height: 15px;width: 15px;margin-left: 2px;"/>--%>
                </div>
            </div>
          	<!--未成为代理 -->
            <div class='daili dailiA' id="notproxy" onclick="location.href='/except/files/user/open_vip.jsp'">
            	<img style='width:100px;' src='img/radioA.png' />
            	<img style='width:18px;position:absolute;top:44%;left:5px;transform:translateY(-50%);' src='img/radioVA.png' />
            	<span style='position:absolute;top:44%;left:28px;transform:translateY(-50%);color:#ffffff;font-size:12px;'>成为代理</span>
            	<img style='width:7px;position:absolute;top:44%;right:10px;transform:translateY(-50%);' src='img/radioRight.png' />
            </div>
            <!--已经成为代理 -->
            <div class='daili dailiB' id="proxy" style='display:none;' onclick="location.href='/except/files/user/proxy.jsp'">
            	<img style='width:100px;' src='img/radioB.png' />
            	<img style='width:18px;position:absolute;top:44%;left:5px;transform:translateY(-50%);' src='' id="proxyimg" onerror="imgerror(this, 'img/radioVA.png')"/>
            	<span style='position:absolute;top:44%;left:28px;transform:translateY(-50%);color:#ffffff;font-size:12px;' id="proxytype">金牌代理</span>
            	<img style='width:7px;position:absolute;top:44%;right:10px;transform:translateY(-50%);' src='img/radioRight.png' />
            </div>
        </div>
    </div>
    <div class="order" onclick="location.href='/except/files/indent/my_order.jsp?indentstate=0'">
        <span class="order-left">我的订单</span>
        <img class="order-right" src="img/jiantou.png"/>
    </div>
    <div class="status">
        <!-- 这里是可以跳转的  但是  这里跳转需要考虑一下跳转方式传递type  因为跳转过去的类型是不一致的   -->
        <div class="status-box" onclick="location.href='/except/files/indent/my_order.jsp?indentstate=1'">
            <hr style="height: 100px; width: 1px;float: right; background-color: #f4f4f4; border: none;"/>
            <img src="img/obligation.png"/><br/>
            <span>待付款</span>
        </div>
        <div class="status-box" onclick="location.href='/except/files/indent/my_order.jsp?indentstate=2'">
            <hr style="height: 100px; width: 1px;float: right; background-color: #f4f4f4; border: none;"/>
            <img src="img/shipments.png"/><br/>
            <span>待发货</span>
        </div>
        <div class="status-box" onclick="location.href='/except/files/indent/my_order.jsp?indentstate=3'">
            <hr style="height: 100px; width: 1px;float: right; background-color: #f4f4f4; border: none;"/>
            <img src="img/receiving_icon.png"/><br/>
            <span>待收货</span>
        </div>
        <div class="status-box" onclick="location.href='/except/files/indent/my_order.jsp?indentstate=0'">
            <img src="img/total.png"/><br/>
            <span>全部</span>
        </div>
    </div>
    <div class='wuliu' id="logistic">
    	<div class='wuliuleft'>
    		<p style='white-space: nowrap;padding-bottom:5px;'>最新物流</p>
    		<p id="newtime">09-11</p>
    	</div>
    	<div class='wuliuright'>
    		<div><img style='width:60px;height:60px;' class='wuliuphoto' src='img/1.jpg' id="shopimg" onerror="imgerror(this, 'img/1.jpg');"/></div>
    		<div class='wuliutwo'>
    			<p class='wuliuzt'><img src='img/wuliu.png' id="stateimg"/><span id="statedesc">已签收</span></p>
    			<p class='wuliuzzz' id="acceptStation"></p>
    		</div>
    	</div>
    </div>
    <hr style="height: 10px; width: 100%; float: right; background-color: #f4f4f4; border: none;"/>
    <!-- 列表选择项目 -->
    <div class="clearboth">
    </div>
    <ul class="about_ul">
        <%--<li onclick="location.href = '/except/files/user/open_vip.jsp'">--%>
            <%--<div class="item">--%>
                <%--<span class="order-left">我的等级</span>--%>
                <%--<div style="float: right;height: 50px;line-height: 50px;">--%>
                    <%--<span style="color: red;font-size: 14px;" id="user_role_type">普通用户</span>--%>
                    <%--<img style="height: 18px;width: 18px;margin-right: 10px;vertical-align: middle;"--%>
                         <%--src="img/jiantou.png"/>--%>
                <%--</div>--%>
            <%--</div>--%>
        <%--</li>--%>
        <%--<hr style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>--%>
        <li id="storage">
            <div class="item" onclick="location.href='/except/files/indent/repertory.jsp'">
                <span class="order-left">我的仓储</span>
                <img class="order-right" src="img/jiantou.png"/>
            </div>
        </li>
        <hr id="storage_hr" style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>
        
        <!-- 新增：我的余额 -->
        <li>
            <div class="item" onclick="location.href='/except/files/user/my_spare.jsp'">
                <span class="order-left">我的余额</span>
                <img class="order-right" src="img/jiantou.png"/>
            </div>
        </li>
        <hr id="storage_hr" style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>
        
        <%--<li id="my_invite">--%>
            <%--<div class="item" onclick="location.href='/except/files/user/my_spare.jsp'">--%>
                <%--<span class="order-left">我的提成</span>--%>
                <%--<img class="order-right" src="img/jiantou.png"/>--%>
            <%--</div>--%>
        <%--</li>--%>
        <%--<hr id="my_invite_hr" style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>--%>
        <li onclick="location.href='/except/files/shop/my_shopcart.jsp'">
            <div class="item">
                <span class="order-left">购物车</span>

                <img class="order-right" src="img/jiantou.png"/>
            </div>
        </li>
        <hr style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>
        <li>
            <div class="item" onclick="location.href = '/except/files/user/mycollect.jsp'">
                <span class="order-left">收藏</span>
                <img class="order-right" src="img/jiantou.png"/>
            </div>
        </li>
        <hr style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>
        <li onclick="location.href = '/except/files/info_set.jsp'" style="margin-bottom: 50px;">
            <div class="item">
                <span class="order-left">设置</span>
                <img class="order-right" src="img/jiantou.png"/>
            </div>
        </li>
    </ul>
</div>
<div class="div_bottom">
    <hr style="height: 1px; width: 100%; float: right; background-color: #f4f4f4; border: none;"/>
    <ul>
        <li onclick="Home();">
            <i class="iconfont icon-home"></i>
            <span class="indexGrayText" id="span_home">首页</span>
        </li>

        <li onclick="Goods()">
            <i class="iconfont icon-zuanshi"></i>
            <span class="indexGrayText" id="span_goods">良品</span>
        </li>

        <li onclick="Mine()">
            <i class="iconfont icon-wo" style='color:red'></i>
            <span class="indexRedText" id="span_mine">我的</span>
        </li>
    </ul>
</div>
<jsp:include page="/files/public_hint.jsp"/>
</body>
</html>